<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="description" content="QR Code scanner">
  <meta name="keywords" content="qrcode,qr code,scanner,barcode,javascript">
  <meta name="language" content="English">
  <meta name="copyright" content="Lazar Laszlo (c) 2011">
  <meta name="Revisit-After" content="1 Days">
  <meta name="robots" content="index, follow">
  <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
  <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
  <link rel="stylesheet" href="css/qr.css">
  <title>验证界面</title>
  <script type="text/javascript" src="js/llqrcode.js"></script>
  <!--<script type="text/javascript" src="js/webqr.js"></script>-->
  <script type="text/javascript" src="js/common/jquery-1.8.2.min.js"></script>
</head>

<body>
<header class="header">
  <a href="javascript:history.back(-1)" class="fa fa-angle-left"></a>
  <span class="names" id="csName">验证二维码</span>
</header>

  <div id="main">
    <div id="header">
      <p id="mp1"></p>
    </div>
    <div id="mainbody" style="display: inline;">
      <table class="tsel" border="0" width="100%">
        <tbody>
          <tr>
            <td valign="top" align="center" width="50%">
              <table class="tsel" border="0">
                <tbody>
                  <tr>
                    <td><img class="selector hide" id="webcamimg" src="image/vid.png" onclick="setwebcam()" align="left" style="opacity: 1;"></td>
                    <td>
                      <img class="selector hide" id="qrimg" src="image/cam.png" onclick="setimg()" align="right" style="opacity: 0.2;">
                    </td>
                  </tr>
                  <tr>
                    <td colspan="2" align="center">
                      <div id="outdiv">
                        <div id="qrfile"><canvas id="out-canvas" width="290" height="220"></canvas>
                        <div id="imghelp">
                          <p id="uploadText">点击选择二维码图片</p>
                          <input type="file" id="fileBtn" onchange="handleFiles(this.files)"/>
                          </div>
                        </div>
                      </div>
                    </td>
                  </tr>
                </tbody>
              </table>
            </td>
          </tr>
          <tr>
            <td colspan="3" align="center">
              <img class="hide" src="image/down.png">
            </td>
          </tr>
          <tr>
            <td colspan="3" align="center">
              <div>
                <input type="text"  id="result">
                <div class="suc"><img src="image/发送成功.png">验证成功</div>
                <div class="fail"><img src="image/错误.png">验证失败</div>
                <input type="button" id="verification" value="验证二维码">
              </div>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
<canvas id="qr-canvas" width="800" height="600" style="width: 800px; height: 600px;"></canvas>


<script type="text/javascript" src="js/webqr.js"></script>
</body>
</html>
